import './App.css';
import { BrowserRouter as Router } from 'react-router';
import AppRoutes from './routes.js';
import { App , ConfigProvider } from 'antd';

const theme = {
  token: {
    colorPrimary: '#4096ff', // 设置主色
    colorTextPlaceholder: 'rgba(0, 0, 0, 0.25)' // placeholder 颜色
  },
  components: {
    Layout: {
      headerBg: 'transparent',
      headerColor: '#4096ff',
      headerHeight: 'normal',
      bodyBg: 'transparent'
    }
  }
};

function MyApp() {
  return (
    <ConfigProvider theme={theme}>
      <App>
        <Router>
          <div className="bg-container">
            <div className="App app-container">
              {/* 配置路由 */}
              <AppRoutes></AppRoutes>
            </div>
          </div>
        </Router>
      </App>
    </ConfigProvider>
  );
}

export default MyApp;
